// 用来获取 search传递的参数
import {useSearchParams} from 'react-router-dom'
export default function Info(){
    console.log(useSearchParams())
    // search 对象 setSearch 用来修改属性的方法
    let [search,setSearch] = useSearchParams();
    // 获取serach传递过来的属性
    let goodsname = search.get("goodsname");
    console.log(goodsname)
    let price = search.get("price")
    return (
        <div>
            <h1>详情页---{goodsname}---{price}</h1>
            <button onClick={()=>{
                // 修改search传递过来的参数
                setSearch("goodsname=面包&price=5")
            }}>修改search传递过来的属性值</button>
        </div>
    )
}